---
import Layout from "@layouts/Layout.astro";
import Container from "@components/container.astro";
import Breadcrumb from "@components/breadcrumb.vue";
import _1 from "@assets/encapsulationResources/ES5320.png";
import _2 from "@assets/encapsulationResources/EZ8304.png";
import _3 from "@assets/encapsulationResources/EZ8828.png";
import _4 from "@assets/encapsulationResources/EZ8828-1.png";
const itemList = [
  {
    name: "高焊球计数球栅阵列封装",
    title: '基板栅格阵列（LGA)',
    img: _1,
  },
  {
    name: "采用微型封装中的高引脚密度解决方案",
    title: '球栅阵列 （BGA）',

    img: _2,
  },
  {
    name: "薄型无引线封装，具有增强的热性能",
    title: '四方扁平无引线（QFN',

    img: _3,
  },
  {
    name: "在对侧具有引线的引线式封装",
    title: '小外形（SO)',
    img: _4,
  }
];
import A0 from "@components/programme/0.vue";
---


<Layout title="About">
  <Container>
    <Breadcrumb client:only/>
    <div class="item mb-[24px]">
      <div class="title">封装资源</div>
      <div class="mb-[20px]">
        艾诺广泛的产品组合支持数千种多样化的产品、封装配置和技术，这些封装包括传统的陶瓷和引线封装以及先进的芯片级别封装（四方扁平无引线（QFN)、晶圆芯片级封装（WCSP)、或裸片尺寸球或裸片尺寸球栅阵列 （DSBGA）），使用细间距引线键合和倒装芯片互连，具有 SiP、模块、堆叠和嵌入式芯片格式。
      </div>
      <div class="bb mt-[20px]"></div>
      <div class="mt-[20px]">
        <div class="title second-title text-left">查找封装资源</div>
        <div class="text-left text-[14px]">选择下面的封装系列以查看选项，或搜索所有 TI 封装以探索 TI 的完整封装产品组合。可在此处找到 TI 封装系列的完整说明。下面还提供基于我们的小型封装技术的业界最小器件选择。</div>
        <div class="mt-[14px] flex justify-between">
          {
            itemList.map((item, index) => (
              <div class="row">
                  <div class="text-center">{item.title}</div>
                <div class="img-box">
                  <img src={item.img.src} alt="" class="w-[206px] h-[98px]" />
                  </div>
                  <div>
                      <div class="text-left mt-[10px] text-[14px]" style="margin-bottom: 0">{item.name}</div>
                      <div class="text-left text-[14px] text-brown">
                        <a href="/encapsulationResourcesDetail">了解更多信息</a>
                        </div>
  
                  </div>
              </div>
            ))
          }
        </div>
      </div>
    </div>
    
  </Container>
</Layout>
<style lang="scss" scoped>
  .item {
    box-sizing: border-box;
    padding: 16px 14px;
    border-radius: 8px;
    opacity: 1;
    background: #ffffff;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
    padding-bottom: 28px;
    .title {
      font-size: 20px;
      color: #3d3d3d;
      font-weight: 500;
    }
    .second-title {
      font-size: 18px;
    }
    .row {
      width: 212px;
      height: 254px;
      .img-box{
        height: 128px;
        width: 238px;
        padding-left: 6px;
        padding-right: 6px;
        box-sizing: border-box;
      }
    }
  }
  .bb {
    border-bottom: 1px solid #D8D8D8;
}
</style>
